/*顶部titlebar*/
.x-titlebar.o-top {
	background-color: rgb(75, 115, 164);
}

.counter {
	font-size: 14px;
	font-weight: 100;
	line-height: 18px;
	display: inline-block;
	box-sizing: border-box;
	min-width: 18px;
	height: 18px;
	text-align: center;
	color: rgb(255, 255, 255);
	border-radius: 12px;
	background-color: rgb(253, 92, 82);
	position: absolute;
	left: 50px;
	top: 1px
}

.dialogName {
	color: #111;
	float: left;
	margin-top: 6px;
}

.latestChatDate {
	font-size: 10px;
	color: #7F7F8B;
	float: right;
	width: 100px;
	text-align: right;
	margin-top: 6px;
}

.latestChat {
	font-size: 12px;
	color: #7F7F8B;
	margin-top: 18px;
	white-space: nowrap;
}

.list-group {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.o-icon {
	width: 50px;
	height: 50px;
	border-radius: 50px;
}

li:active {
	background-color: whitesmoke;
}

.x-offline {
	position: absolute;
	bottom: 0;
	right: 80px;
	z-index: 9999;
}

.x-personal {
	height: 100%;
	width: 50px;
}

.btn:active, .btn.active{
	color:#2fa4e7!important;
}

a{
	color:#848587;
}

.btn:hover{
	color:#848587;
}